<jsp:useBean id="mapa" class="beans.MapaBean" />

<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
  html { height: 100% }
  body { height: 100%; margin: 0px; padding: 0px }
  #map_canvas { height: 100% }
</style>
<script type="text/javascript"
    src="https://maps.google.com/maps/api/js?sensor=false">
</script>
<script type="text/javascript">
  function initialize() {
//     var latlng = new google.maps.LatLng(-34.91993,-57.9513);
//     var myOptions = {
//       zoom: 8,
//       center: latlng,
//       mapTypeId: google.maps.MapTypeId.ROADMAP
//     };
//     var map = new google.maps.Map(document.getElementById("map_canvas"),
//         myOptions);
    
    
    var andalucia = new google.maps.LatLng(-36.385913,-64.438478);
    var opciones = {
        zoom : 	4,
        center: andalucia,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var div = document.getElementById('map_canvas');
    var map = new google.maps.Map(div, opciones);
    var sevilla = new google.maps.Marker({
        position: new google.maps.LatLng(-34.92549,-57.957609),
        map: map
    });
    var huelva = new google.maps.Marker({
        position: new google.maps.LatLng(-34.916235,-57.961471),
        map: map
    });
    
    
  }

</script>
</head>
<body onload="initialize()">
  <div id="map_canvas" style="width:70%; height:90%"></div>
 
    	<h1><jsp:getProperty name="mapa" property="proyecto" /></h1>
    
</body>

</html>